@message-prefix-cls: ~"@{sta-prefix}-message";

.@{message-prefix-cls} {
    .message;

    &-notice {
        .message-notice;

        &-content {
            .message-notice-content;
        }

        &.@{message-prefix-cls}-padding {
            .@{message-prefix-cls}-notice-content {
                padding-right: 50px
            }
        }

        &-closed {
            .message-notice-closed;
        }
    }


    &-icon {
        .message-icon;

    }

    &-info {
        .message-icon-type(@info-color);
    }

    &-success {
        .message-icon-type(@success-color);
    }

    &-warning {
        .message-icon-type(@warning-color);
    }

    &-error {
        .message-icon-type(@error-color);
    }

    &-closed {
        .message-closed;
    }
}

.message-icon-type(@color) {
    .@{message-prefix-cls}-icon {
        .message-icon-color(@color);
    }

    &.@{message-prefix-cls}-notice-background {
        .@{message-prefix-cls}-notice-content {
            .message-background-color(@color)
        }
    }
}